<template>
  <div id="enterprise-pay-info-page">
    <div class="page-title" :style="{top:(this.getSafeArea().top)+'px'}">
      <div id="back-button" @click="$router.push(backUrl)">
        <i href="javascript:void(0)" class="el-icon-arrow-left"></i>
      </div>
      <span>对公支付信息查看</span>
    </div>
    <div class="info-box" style="position: relative;" :style="{
      height: '210px'
    }">
      <div class="item">
        <div class="title">商品信息:</div>
        <div class="value">
          <p v-for="(item,index) in orderData.productList" :key="index" v-text="item.name+'×'+item.nums"></p>
        </div>
      </div>
      <div class="item">
        <div class="title">商品总额:</div>
        <div class="value" v-text="'￥'+ToMoney(orderData.price)"></div>
      </div>
      <div class="item">
        <div class="title">收款银行:</div>
        <div class="value" v-text="systemBank"></div>
      </div>
      <div class="item">
        <div class="title">收款卡号:</div>
        <div class="value" v-text="systemBankCard"></div>
      </div>
      <div class="item">
        <div class="title">收款人:</div>
        <div class="value" v-text="systemBankName"></div>
      </div>
      <div class="item">
        <div class="title">打款备注:</div>
        <div class="value" v-text="infoNumber"></div>
      </div>
    </div>

    <div align="center" style="height: 100px; line-height: 100px;">
      <el-button size="medium" type="primary" @click="$router.push(backUrl)">查看订单</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'EnterprisePayInfo',
  data:function () {
    return {
      backUrl:'/',
      // productList:demoData.chooseProductList,
      price:1050,
      systemBank:'工商银行',
      systemBankName:'赵斐',
      systemBankCard:'62366633331133311',
      infoNumber:'166694',
      orderData:{
        price:0,
        productList:[
          {name:'',nums:0}
        ]
      }
    }
  },
  mounted () {
    if(this.$route.query.type==='order'){
      this.backUrl='/OrderList'
      this.orderData=JSON.parse(decodeURI(this.$route.query.orderData))
    }
  }
}
</script>
